<!DOCTYPE html>
<html lang="zh-CN" ng-app="app" ng-controller="index">
<head>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <title>首页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link href="../css/iconfont/iconfont.css" rel="stylesheet"/>
    <link href="../css/common.css" rel="stylesheet"/>
    <link href="../css/home.css" rel="stylesheet"/>
    <script src="../js/jquery.js"></script>
    <script src="../js/angular.min.js"></script>
	<script src="../js/angular-route.min.js"></script>
	<link rel="stylesheet" href="../js/slick/slick.css"/>
	<script src="../js/slick/slick.min.js"></script>
	<script src="../js/global.js"></script>
	<script src="../js/pub/index.js"></script>
    
</head>
<body>
    <!--头部-->
    <div class="topper">
        <div class="wrapper">
            <div class="left-bar">
                <div class="back-home divider">
                    <em></em><a href="index.html">首页</a>
                </div>
                <div class="item"><a href="">商家中心</a></div>
            </div>
            <div class="right-bar">
                <div class="login-user sub-menu">
                    <a class="menu-hd" href="">{{username}}<em></em></a>
                    <div class="down">
                        <a href="">内容</a>
                        <a href="">内容</a>
                        <a href="">内容</a>
                    </div>
                </div>
                <div class="item"><a href="uc-msg.html">消息（<span class="txt-theme">0</span>）</a></div>
                <div class="logout divider"><a href="javascript:void(0)" ng-click="logout()">退出</a></div>
                <span class=""></span>
                <div class="cart"><em></em><a href="cart.html">购物车<span class="txt-theme">2</span>件</a></div>
                <div class="order"><em></em><a href="uc-order.html">我的订单</a></div>
                <div class="fav"><em></em><a href="uc-fav.html">我的收藏</a></div>
                <div class="help"><em></em><a href="help.html">帮助中心</a></div>
            </div>
        </div>
    </div>
    <div class="header-wrap">
        <div class="header wrapper">
            <a href="" class="logo">
                <img src="../img/logo3.png" alt="" />
            </a>
            <div class="header-schbox">
                
            </div>
            <div class="contact">
                <div class="item">
                    
                </div>
            </div>
        </div>
    </div>
    <div class="nav-box">
        <div class="nav wrapper">
            <div class="slogan"></div>
            <ul class="nav-ul">
                <li><a href="./index">首页</a></li>
                <li><a href="">骑闻</a></li>
                <li><a href="">旅行</a></li>
                <li><a href="">车店库</a></li>
                <li><a href="">骑行入门</a></li>
            </ul>
        </div>
    </div>
    <!--头部-->

    <div class="home-full-banner">
        <a href="" class="item" ng-show="bs==0"><img src="../uploads/110.jpg" alt="" /></a>
        <a href="" class="item" ng-show="bs==1"><img src="../uploads/111.jpg" alt="" /></a>
        <a href="" class="item" ng-show="bs==2"><img src="../uploads/113.jpg" alt="" /></a>
	    <ul class="slick-dots" style="display: block;" role="tablist">
	    	<li role="presentation" aria-controls="navigation00" class="slick slick-active"><button type="button" data-role="none" role="button" aria-required="false" tabindex="0">1</button></li>
	    	<li role="presentation" aria-controls="navigation01" class="slick"><button type="button" data-role="none" role="button" aria-required="false" tabindex="0">2</button></li>
	    	<li role="presentation" aria-controls="navigation02" class="slick"><button type="button" data-role="none" role="button" aria-required="false" tabindex="0">3</button></li>
	   	
	    </ul>
    </div>
    <div class="gray-box">
        <div class="wrapper">
             <div class="section-hd">
                    <div class="title">自行车之家</div>
             </div>
            <div class="promo-list clearfix" ng-repeat="s in bike" style="float:left">
                <div class="col">
                    <a class="item" href="./goodsDetail?img={{s.img}}&xm={{s.car_servies+s.car_color+s.car_type}}&de={{s.description}}&num={{s.car_num}}&price={{s.car_price}}&cjlx={{s.cjlx}}&cjcz={{s.cjcz}}&sb={{s.sb}}&ljcc={{s.ljcc}}"><img src="../uploads/{{s.img}}" alt="" /></a>
                    <span style="margin-left: 70px">{{s.car_servies+s.car_color+s.car_type}}</span>
                </div>
              
            </div>
            
           <!--   -->
               <!-- <div style="margin-top:12px;">
                    <a href=""><img src="../uploads/22.jpg" alt="" /></a>
                </div> -->
        </div>
          <div class="wrapper">
        <div class="flash-sale-section">
                <div class="section-hd">
                    <div class="title">骑行天下</div>
                </div>
                <div class="flash-sale clearfix">
                    <div class="grid grid-b">
                        <a href="goods-detail.html"><img src="../uploads/17.jpg" alt="" /></a>
                    </div>
                    <div style="margin-left: 635px">
                        <p style="font-size: 35px">2017年7月4日大学生俱乐部开展阳光户外骑行活动</p>
                        <a href="goods-detail.html">
                            <div class="inner-text">
                                <div class="tit">阳光骑行，强健体魄，坚持晨骑，养成习惯。本次活动的领骑演示了骑行的手势，骑活动中，竞速，冲刺的合理运用及注意事项，参与活动的人员，积极踊跃，从多方面展示了个人的运动天分...</div>
                                <div class="stit">大学生俱乐部由山西各高校单车组织建立的学生联盟组织，主要是锻炼身体，培养学生们的意志，丰富学生课余生活，营造健康校园文化，发扬环保精神。本协会会员600余人，有一定影响力，为了增强会员之间的交流，提高学生体质，特此开启晨骑活动。一辆单车一一个背包即可出行 ，简单又环保。驶过颠簸的路途 ，穿越黑暗的隧道 ，在不断而来的困难当中体验挑战，在遥远的他乡体验风情，在旅途的终点体验成功...</div>
                                <div class="info"></div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            </div>
              <div class="wrapper">
              <div class="section-hd">
                    <div class="title">单车运动之美</div>
                </div>
                <div class="brand-feast clearfix" style="margin-left: 35px"> 
                    <div class="ad-box">
                        <a href=""><img src="../uploads/21.jpg" /></a>
                        <h3  style="margin-left: 150px"><a href="">单车美女</a></h3>
                    </div>
                    <div class="ad-box" >
                        <a href=""><img src="../uploads/27.jpg" /></a>
                        <h3  style="margin-left: 150px"><a href="">单车美图</a></h3>
                    </div>
                     <div class="ad-box" >
                        <a href=""><img src="../uploads/26.jpg" /></a>
                        <h3  style="margin-left: 150px"><a href="">单车越野</a></h3>
                    </div>
                </div>
              </div>
    </div>
    <div class="white-box">
        <div class="wrapper">
            <div class="brand-feast-section">
                
               
                
            </div>
        </div>
    </div>
    <div class="footer"> 山西XXX技术学院     版权所有 PreCheng © 2016-2018 </div>
    <!--脚部-->
</body>

</html>